﻿<%@ Page Title="GoldAir - Select Your Seat " Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="SelectSeat.aspx.vb" Inherits="GoldAir.SelectSeat" %>
<%@ Import Namespace="System.Data"%>
<%@ Import Namespace="MySql.Data.MySqlClient"%>

<asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript" language="javascript" src="../scripts/tooltip.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/Site.css" />

</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="MainContent" runat="server">
    <%            
    %>    
    
    <div class="box">
    <a>&nbspMouse over a seat for additional information. </a><br />
        <div class="seats">
        <img src="../img/seatmap1.jpg" alt="" usemap="#seatmap" border="0" />
		    <map id="seatmap" name="seatmap">
            <!--                                     -->
            <!-- NOT ALL SEATS ARE DONE. JUST A DEMO -->
            <!--                                     -->
            <area shape="rect" coords="55,164,79,191"  onmouseover="tooltip.show('<%=seatCHK1A() %>', 150);" onmouseout="tooltip.hide();" alt="" />            
            <area shape="rect" coords="55,193,79,218" onmouseover="tooltip.show('<% seatCHK2A() %>', 150);" onmouseout="tooltip.hide();" alt="" />
            <area shape="rect" coords="55,220,79,245" onmouseover="tooltip.show('<% seatCHK3A() %>', 150);" onmouseout="tooltip.hide();" alt="" />
            <area shape="rect" coords="107,218,132,245" onmouseover="tooltip.show('<% seatCHK3B() %>', 150);" onmouseout="tooltip.hide();" alt="" />
            <area shape="rect" coords="137,218,161,245" onmouseover="tooltip.show('<% seatCHK3C() %>', 150);" onmouseout="tooltip.hide();" alt="" />
            <area shape="rect" coords="55,248,79,270" onmouseover="tooltip.show('<% seatCHK4A() %>', 150);" onmouseout="tooltip.hide();" alt="" />
            <area shape="rect" coords="109,248,134,270" onmouseover="tooltip.show('<% seatCHK4B() %>', 150);" onmouseout="tooltip.hide();" alt="" />
            <area shape="rect" coords="136,248,160,270" onmouseover="tooltip.show('<% seatCHK4C() %>', 150);" onmouseout="tooltip.hide();" alt="" />
            </map>	
        </div>
        <div class="seatSelectKeyBox" align="center">
            <div class="table_info" align="left">
            <h2>Gold Air, Embraer ERJ-145 (ERJ) Information</h2>
            
            <table cellpadding="0" cellspacing="0" width="496" align="center">
				<tr>
                    <td><b>Class</b></td>
					<td><b>Pitch</b></td>
					<td><b>Width</b></td>
					<td><b>Seating Details</b></td>
                </tr>
							
				<tr>
					<td>Economy Class</td>
					<td>31.0"</td>
					<td>17.0"</td>
					<td>48 seats </td>
				</tr>				
							
			</table>
            <br />
			<table cellpadding="0" cellspacing="0" width="496" align="center">
				<tr>
					<td colspan="8"><b>In-flight Amenities</b></td>
				</tr>
				<tr>
					<td><img width="50" src="../img/icon_audio2.jpg" alt="Plane has headphone port." /></td>
					<td><img width="50" src="../img/icon_video2.jpg" alt="Plane has video screen." /></td>
					<td><img width="50" src="../img/icon_empower2.jpg" alt="Plane has EmPower." /></td>
					<td><img width="50" src="../img/icon_ac_power2.jpg" alt="Plane has AC Power." /></td>
					<td><img width="50" src="../img/icon_dc_power2.jpg" alt="Plane has DC Power." /></td>
                    <td><img width="50" src="../img/icon_food.jpg" alt="Plane sells food and drink." /></td>
					<td><img width="50" src="../img/icon_infant2.jpg" alt="Plane allows for infants." /></td>
					<td><img width="50" src="../img/icon_internet2.jpg" alt="Plane has access to internet." /></td>
				</tr>
				<tr>
					<td colspan="8">The above amenity icons represent the services that are available on this aircraft. If an icon is not pictured, that service is not offered on this aircraft.</td>
				</tr>
			</table>
            </div><br />
             <form id="Form1" action="Summery.aspx" method="post">
                 <div class="table_info" align="left">
                    <h3>Flight Number 
                        <asp:TextBox ID="txtFlightNumber" runat="server"></asp:TextBox>
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                        Seat&nbsp;
                        <asp:TextBox ID="txtSeat" runat="server" Width="74px"></asp:TextBox>
                     </h3>
                    <h3>User Number&nbsp;&nbsp;  
                        <asp:TextBox ID="txtUserId" runat="server"></asp:TextBox>
                     </h3>
                </div>
             
                 
             
            <br />
           <div class="seatSelectButtons" align="center">
          
                <a>Select a seat by clicking on the seat number.</a><br /><br /><br />
                <table border=0>
                   <tr>
                     <td>   <asp:Button id="Button" Text="Seat 1A" runat="server" /></td>
                     <td>&nbsp;</td>
                     <td>&nbsp;</td>
                   </tr>
                   <tr>
                        <td><asp:Button id="Button1" Text="Seat 2A" runat="server" /></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                   </tr>
                   <tr>
                        <td> <asp:Button id="Button2" Text="Seat 3A" runat="server" /></td>
                        <td><asp:Button id="Button3" Text="Seat 3B" runat="server" /></td>
                        <td><asp:Button id="Button4" Text="Seat 3C" runat="server" /></td>
                   </tr>
                   <tr>
                   
                   <td><asp:Button id="Button5" Text="Seat 4A" runat="server" /></td>
                   <td><asp:Button id="Button6" Text="Seat 4B" runat="server" /></td>
                   <td><asp:Button id="Button7" Text="Seat 4C" runat="server" /></td>
                   </tr>
               </table>
               <br /><br /><br />
               <asp:Button id="Button8" Text="Reset all seats" runat="server" width="215px"/><!-- JUST FOR TESTING -->
               <a>Reset button is just for testing</a>
               <br /><br /><br />
                <asp:Button id="btnContinue" Text="Continue" runat="server" width="215px"/>
               </div>
               
            <br />
            </form>
            </div>
            
        <div class="seatSelectionKey">
        </div>
    
    </div>
   
</asp:Content>





